
<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="breadcrum_box clearfix">
                <div><a href="#/viewMeal">Today’s Lunch Options</a>&nbsp;>&nbsp;<span>My Cart</span></div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="itemnotfound clearfix">
                <div ng-show="orders.length < 1">
                    <p>No items to display.</p>
                </div>
            </div>
        </div>        
    </div>
    <div class="row">
        <div ng-hide="orders.length < 1">
            <div ng-repeat="item in orders">
                <div ng-include src="'views/html/mealDetailsCart.html'"></div>
            </div>

            <div class="mycart clearfix">
                <div class="col-lg-3 col-md-3">
                    <div class="title_description">
                        <h3>Grand Total <span>for</span></h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="title_description">
                        <h3>{{totalNoOfItemsOrdered}} <span>Total Items</span></h3>    
                    </div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="title_description priceperdabba">
                        <h2><span>Total Cost</span>
                        {{grandTotal}}</h2>
                    </div>
                </div>
                <button class="btn btn-primary" ng-click="postOrder()">Pay Now</button>
            </div>
        </div>
    </div>
</div>